/* 页脚 */
footer {
    width: 100%;
    padding-top: 29rem;
    box-sizing: border-box;
    position: relative;
    margin-top: -25rem;
    color: #ccc;
    overflow: hidden;
}

.footer_pre {
    position: relative;
    z-index: 30;
    margin: 0 auto;
    max-width: 1400px;
}

.footer_top {
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
}

.footer_row {
    width: 30%;
}

.footer_row .title h3 {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(202, 182, 235, .52);
    position: relative;
    color: #fff;
    text-align: start;
    font-size: 16px;
    font-weight: 700;
}

/* 第一个容器 */
.footer_row ul {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer_row ul li {
    position: relative;
}

.footer_row .row1 li {
    margin-top: 20px;
    width: 30%;
    height: 90px;
    border: 1px solid rgba(202, 182, 235, .52);
    text-align: center;
}

.footer_row ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* color: rgba(243, 243, 243, 0.5); */
    color: white;
    font-size: 18px;
}

.footer_row ul li a .img1 {
    width: 61%;
}

.footer_row ul li a .img2 {
    width: 31.5%;
}

.footer_row ul li a .img3 {
    width: 92%;
}

.footer_row ul li a .img4 {
    width: 55%;
}

/* 第二个容器 */
.footer_top .footer_row:nth-child(2) {
    margin: 0 5%;
}

.footer_top .footer_row:nth-child(2) ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 30px;
    font-size: 14px;
}

.footer_top .footer_row:nth-child(2) ul li {
    width: 100%;
    display: block;
}

.footer_top .footer_row:nth-child(2) ul li img {
    position: absolute;
    left: 0;
    top: 5px;
    width: 21px;
}

.footer_top .footer_row:nth-child(2) ul li .text {
    padding: 0 0 20px 30px;
}

.footer_top .footer_row:nth-child(2) ul li .text p {
    color: #fff;
    padding-bottom: 5px;
    font-weight: 700;
}

/* 第三个容器 */
.footer_row:nth-child(3) ul {
    display: flex;
    font-size: 13px;
    padding-top: 20px;
}

.footer_row:nth-child(3) ul li {
    flex: 1;
    text-align: center;
}

.footer_row:nth-child(3) ul li h4 {
    color: #fff;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 700;
}

.footer_row:nth-child(3) ul li p {
    margin-top: 5px;
}

/* 底部 */
.footer_bot {
    border-color: rgba(202, 182, 235, .52);
    border-top: 1px solid;
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
    font-size: 12px;
    position: relative;
}

.footer_bot a {
    color: #ccc;
}

.footer_bot .text {
    margin-left: 30px;
    margin-right: 30px;
}

.footer_bot .text img {
    margin-right: 5px;
    vertical-align: bottom;
}

.hid {
    visibility: hidden;
}

.footer_bot .to_top {
    position: absolute;
    right: 0;
    padding-right: 20px;
    cursor: pointer;
    color: #ccc;
    font-size: 12px;
}

.footer_bot .to_top i {
    width: 10px;
    height: 10px;
    display: inline-block;
    transform: rotate(45deg);
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    opacity: 0.6;
    margin-right: 5px;
    position: relative;
    top: 5px;
}

.foot_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(67, 60, 148, .76);
    z-index: 20;
}

.imgfoot {
    position: absolute;
    filter: blur(10px);
    width: 100%;
    height: 130%;
    z-index: 10;
    top: -30%;
    left: 0;
}